<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="referrer" content="same-origin" />
    <meta name="generator" content="bimwook.com" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="woo:uid" content="local" />
    <meta name="woo:rowid" content="4423534643793377026203312245734065443385" />
    <meta name="woo:created" content="2018-06-10 10:17:17" />
    <title>备忘录</title>
    <link id="favicon" rel="shortcut icon" href="/woo/common/img/note.svg" sizes="16x16 32x32 48x48" type="image/svg+xml" />
    <style type="text/css">
      html {
        margin:0;
        padding:0;
        font-size: 16px;
        background: gray;
      }
      body {
        margin:0 auto;
        padding:0;
        width: 100%;
        max-width: 980px;
        font-size: 1em;
        line-height: 1.8;
        font-family: tahoma, verdana, "Microsoft Yahei";
      }
      img  {
        margin: 0 auto;
        display:block;
        max-width: 100%;
        background-color: transparent;
      }
      h1,h2,h3,h4,h5,h6 {
        margin:0;
        padding:0.5em;
        text-align: left;
      }
      h1 { font-size: 2.0em; }
      h2 { font-size: 1.8em; }
      h3 { font-size: 1.6em; }
      h4 { font-size: 1.4em; }
      h5 { font-size: 1.2em; }
      h6 { font-size: 1.0em; }
      a {
        color:#006291;
        text-decoration: none;
      }
      a:link { color:#006291; }
      a:visited { color:#006291; }
      a:hover { text-decoration: none; color: #FF6633; }
      em { font-style: normal; font-weight: normal; }
      hr {
        border: none;
        height: 1px;
        background: #EAEAEA;
      }
      p {
        margin: 0;
        padding: 0.2em 0.5em;
        text-indent: 2em;
      }
      blockquote {
        margin: 2em;
        padding: 0.5em;
        text-indent: 0;
        border-left: solid 5px silver;
        background-color: #EEEEEE;
      }
      .tag {
        color: gray;
        padding: 4px;
        font-size: 0.9em;
        border: solid 1px silver;
        border-radius: 3px;
        background-color: #EEEEEE;
        vertical-align: middle;
      }
      .bar {
        padding: 4px 16px;
        color: gray;
        background-color: #EAEAEA;
      }
      .small {
        font-size: 0.875em;
      }
      #content {
        color: #646464;
        padding: 2em 6em;
        font-size:0.875rem;
        text-align: justify;
        line-height: 1.618;
        background-color: white;
        overflow: hidden;
      }
      #data { display: none; }
      @media screen and (max-width: 639px) {
        #content{ padding: 2em 4em; overflow: hidden; }
        h1,h2,h3,h4,h5,h6 { text-align: left; }
      }
      @media screen and (max-width: 479px) {
        #content{ padding: 2em; overflow: hidden; }
      }
    </style>
  </head>
  <body>
    <div class="bar">
      <em> | </em>
      <a href="./index.html">HOME</a>
      <em> | </em>
      <em id="title" ></em>
    </div>
    <div id="content">
      <p><img src="./svg/memo.svg" alt="memo.svg" /></p>
    </div>
    <div class="bar">
      <a href="javascript:;">八月远方</a>
      <em class="small"> | www.omuen.com</em>
    </div>
  </body>
</html>
